import React, { Component } from 'react'
import {
   One
} from './style'


export default class Me extends Component {
   render() {
      return (
         <One>
            <div className="two">
               <h3>登录</h3>
               <div className="first">
                  <span>新人海量作品免费看</span>
               </div>
               <div className='imgbox'>
                  <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1825755118,607371391&fm=26&gp=0.jpg" alt="" />
               </div>
            </div>
            <div className="three">
               <ul>
                  <li>
                     <i className="iconfont icon-liulan"></i>
                     <span>浏览历史</span>
                  </li>
                  <li>
                     <i className="iconfont icon-guanzhu"></i>
                     <span>我的关注</span>
                  </li>
                  <li>
                     <i className="iconfont icon-xiaoxi11"></i>
                     <span>我的消息</span>
                  </li>
                  <li>
                     <i className="iconfont icon-qianbaoqiandaiyue"></i>
                     <span>我的钱包</span>
                  </li>
               </ul>
            </div>
            
            <div className="four">
               <span>快看vip</span>
               <p>【买一送2】送网易云VIP</p>
            </div>

            <div className="five">
               <i className="iconfont icon-shoucang"></i>
               <span>快看卡片</span>
               <p>解锁漫画独家卡片</p>
            </div>
            

            <div className="six">
               <i className="iconfont icon-gouwuche"></i>
               <span>快看商城</span>
               <p>每周六超级秒杀日</p>
            </div>
            
            <div className="seven">
               <i className="iconfont icon-shoubing"></i>
               <span>游戏中心</span>
               <p>解锁漫画独家卡片</p>
            </div>

            <div className="eight">
               <i className="iconfont icon-shijie"></i>
               <span>创作中心</span>
               <p>天才的世界</p>
            </div>

            <div className="nine">
               <i className="iconfont icon-mianliuliang"></i>
               <span>免流服务</span>
               <p>已激活免流服务</p>
            </div>

            <div className="ten">
               <i className="iconfont icon-touxiang
"></i>
               <span>青少年模式</span>
               <p>未开启</p>
            </div>
         </One>
      )
   }
}
